<!doctype html>
<html lang="en" translate="no">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
  <meta
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, viewport-fit=cover, user-scalable=no"
    name="viewport" />
  <!--ios和Android都支持-->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!--仅Android支持-->
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="x5-orientation" content="portrait">
  <meta name="x5-fullscreen" content="true">
   <!-- 状态栏颜色设置 -->
   <meta name="theme-color" content="#100e26" media="(prefers-color-scheme: light)">
   <meta name="theme-color" content="#100e26" media="(prefers-color-scheme: dark)">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <!-- <link href="/imgs/gka/loading/loading.css" rel="stylesheet"> -->
  <!-- <link rel="manifest" href="/manifest.json"> -->
  <title>PKBET</title>
  <!-- <script src="./vconsole.min.js"></script> -->
  <script>
    //window.top.scrollTo(0, 1);
    const url = new URL(window.location.href);
    const token = url.searchParams.get('token');
    const userId = url.searchParams.get('user_id');
    if (token) {
      localStorage.setItem('user', `{"token":"${token}","user_id": "${userId}"}`)
    }
  </script>
  <style>
    /* html, */
    html {
      margin: 0;
      padding: 0;
      height: 100%;
      /* overscroll-behavior: none;
      -webkit-overflow-scrolling: touch; */
      touch-action: manipulation;
      /* 禁用双击缩放 */
      -ms-touch-action: manipulation;
      /* IE兼容 */
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: none; 
    }

    body {
      font-size: 14px;
      /*字体兼容 ios: PingFang SC; 其他系统：Microsoft YaHei*/
      font-family: "PingFang SC", "Microsoft YaHei", "SimHei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
        Arial, sans-serif;
      color: #8e82c2;
      margin: 0;
      padding: 0;
      width: 100%;
      /* border: 2px solid red; */
      margin: 0;
      padding: 0;
      /* 禁用滚动 */
      height: 100%;
      /* 使用动态高度 */
      overscroll-behavior: none;
      background-color: #100e26;
      touch-action: manipulation;
    }

    #app {
      overflow-y: auto;
    }

    ::-webkit-scrollbar {
      display: none;
    }

    ::-webkit-scrollbar {
      display: none;
    }

    #app .loader-container .loading {
      position: relative;
      width: 30px;
      height: 30px;
      border: 2px solid #c6c4f5;
      border-top-color: rgba(255, 255, 255, 0.2);
      border-right-color: rgba(255, 255, 255, 0.2);
      border-bottom-color: rgba(255, 255, 255, 0.2);
      border-radius: 100%;

      animation: circle infinite 1s linear;
    }

    @keyframes circle {
      0% {
        transform: rotate(0);
      }

      100% {
        transform: rotate(360deg);
      }
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="loader-container"
      style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%)">
      <div class="loading"></div>
    </div>
  </div>
  <script type="module" src="/src/main.ts"></script>
  <script>
    // new VConsole();
    window.addEventListener('DOMContentLoaded', function () {
      _loadJS('https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_36126_137.67634fd17f6c5c9971414cfcf3746c0c.js')
      // _loadJS('./svga.min.js')
    });
    function _loadJS(path) {
      var script = document.createElement('script');
      script.src = path;
      document.body.appendChild(script);
    }
  </script>
</body>


</html>